﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="CalloutFilled.aspx.cs" Inherits="ControlExplorer.C1ToolTip.CalloutFilled" %>

<%@ Register Namespace="C1.Web.Wijmo.Controls.C1ToolTip" Assembly="C1.Web.Wijmo.Controls.3" TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
        .link
        {
            color: #000000;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:HyperLink runat="server" ID="HyperLink1" ToolTip="tooltip" CssClass="link">锚点</asp:HyperLink>
    <wijmo:C1ToolTip runat="server" ID="Tooltip1" TargetSelector="#HyperLink1">
    </wijmo:C1ToolTip>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
        <strong>C1Tooltip</strong>支持显示实心方块标注。</p>
    <p>
       在此样本中使用<strong>calloutFilled</strong> 客户端属性。</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
    <label>
       填充</label>
    <input type="checkbox" id="calloutFilled" checked="checked" />
    <script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
            $("#calloutFilled").change(function () {
                $("#<%=HyperLink1.ClientID %>").c1tooltip("option", "calloutFilled", this.checked);
            });
        });     
    </script>
</asp:Content>
